<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN">
<head>
	<title>OpenForEveryone首页</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="{:__TMPLPUB__}/Css/style.css" />
</head>
<body>
		<ul>
			<li><a href="">控制台</a></li>
			<li><a href="">创建</a></li>
			<li><a href="">管理中心</a></li>
			<li><a href="">设置</a></li>
		</ul>
		a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}a:link,a:visited{
	text-decoration:none;
	color:#3A5FCD;
}
a:hover{
	text-decoration:underline;
}
#container {
	width:100%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	max-height:100%;
}
* html #container {
	height:100%;
}
.row:after,.row:before{
	content:"";
	display:table;
}
.row:after{
	clear:both;
}
.row {
	margin-left:-20px;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.span12 {
  width: 100%;
}

.span11 {
  width: 91%;
}

.span10 {
  width: 82%;
}

.span9 {
  width: 73%;
}

.span8 {
  width: 64%;
}

.span7 {
  width: 55%;
}

.span6 {
  width: 46%;
}

.span5 {
  width: 37%;
}

.span4 {
  width: 28%;
}

.span3 {
  width: 19%;
}

.span2 {
  width: 10%;
}

.span1 {
  width: 1%;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:100%;
	background-color:#3A81C0;
	z-index:5;
	display:block;
}
#header > #logo{
	float:left;
	text-align:left;
	line-height:60px;
	font-size:30px;
	padding-left:30px;
}
#header ul, #header li {
	list-style-type:none;
}
#header  li {
	display:block;
	float:left;
	margin: 0px 8px;
}
#header > #head{
	line-height:60px;
	font-size:15px;
	color:#000;
	float:right;
}
#head > a{
	margin:0px 8px;
}
#middle{
	bottom:60px;
	width:100%;
	position:absolute;
	top:70px;
	z-index:0;
	display:block;
	overflow:hidden;
}


#content{
	float:right;
	width:100%;
	height:100%;
}
#content > iframe{
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	overflow:visible;
}
#footer{
	height:60px;
	/*margin:-60px auto 0px;
	*/
	background-color:#f1f1f1;
	line-height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px auto;
	display:block;
	width:100%;
	z-index:5;
}
</body>
</html>